<template>
  <view class="main">
    <u-swiper :list="images" class="swiper"></u-swiper>
    <info-view></info-view>
    <view class="order">
      <view class="order-img" @tap="toOrder">
        <span style="display: flex;align-items: center">点击下单</span>
      </view>
    </view>
  </view>
</template>

<script setup>
import img from '../static/logo.png';

import InfoView from "../pages_order/info-view";


const images = [img,img,img];

const toOrder=()=>{
  uni.navigateTo({
    url:'/pages_order/pages_order_detail/orderIndex'
  })
}

</script>

<style scoped lang="scss">
.main {
  background-color: orange;
  width: 100vw;
  height: 100vh;
  .swiper{
    height: 680rpx;
  }
  .order{
    width: 100%;
    height: 360rpx;
    display: flex;
    justify-content: center;
    margin-top: 28rpx;
    .order-img{
      width: 80%;
      opacity: 0.95;
      background-color: silver;
      background-image: url("../static/logo.png");
      display: flex;
      justify-content: center;
      align-content: center;
    }
  }
}
</style>
